<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生缓交管理</title>
    <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../../css/stuTableCss/stuTable.css">
</head>
<body style="background-color: powderblue ;">
<div class="center">
<!-- 主页头部检索 -->
<div class="layui-container layui-container-form" style="margin-top: 50px; height: 130px">
    <form class="layui-form" action="javascript:;">
        <div class="layui-form-item">
            <label class="layui-form-label">学号：</label>
            <div class="layui-input-inline">
                <input type="text" name="studentId" placeholder="根据学号筛选" class="layui-input">
            </div>
            <label class="layui-form-label">姓名：</label>
            <div class="layui-input-inline">
                <input type="text" name="studentName" placeholder="根据姓名筛选" class="layui-input">
            </div>
        </div>
        <div class="button layui-input-block">
            <button class="layui-btn layui-btn-warm" lay-submit lay-filter="cz" style="width: 120px;">重置</button>
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="*" style="width: 120px">搜索</button>
        </div>

    </form>
</div>

<!--  表格展示-->
<div class="layui-container layui-container-table" style="margin-top: 48px; margin-bottom: 100px">
    <table id="demo" lay-filter="stuTable"></table>
</div>

<!--  选择范围-->
<div style="display: none" id="endTime">
    <form class="layui-form" action="javascript:;">
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 80px">选择范围</label>
            <div class="layui-input-inline">
                <select name="num" lay-verify="required">
                    <option value="">请选择</option>
                    <option value="1">1天到期 --范围</option>
                    <option value="7">7天到期 --范围</option>
                    <option value="30">30天到期--范围</option>
                </select>
            </div>

        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-block" style="width: 130px; margin-left: 500px; margin-top: 100px">
                <button class="layui-btn" lay-submit lay-filter="num" style="width: 120px">
                    确定
                </button>
            </div>
        </div>
    </form>
</div>
</div>

</body>


<script src="../../js/jquery-3.6.0.js"></script>
<script src="../../layui/layui.js"></script>
<script src="../../js/stuAnnulJs/deferManage.js"></script>

<script type="text/html" id="toolbardemo">
    <button class="layui-btn" lay-event="endTime" style="margin: 0px; width: 130px">选择到期范围</button>
    <button class="layui-btn layui-btn-primary" lay-event="dc" style="margin: 0px; width: 100px">导出</button>
    <!--        <button class="layui-btn layui-btn-primary" lay-event="dy" style="margin: 0px; width: 100px">打印</button>-->
</script>

<script type="text/html" id="tooldemo">
    <a href="#" lay-event="del" style="color: red;">删除</a>
</script>
</html>